<template>
	<view class="page">
		<!-- 头部 -->
		<!-- #ifdef MP-WEIXIN -->
			<topVue>
				<view class="slotVue">
					<image
						src="../../static/back.png" 
						style="width: 38rpx; height: 38rpx; left: 30rpx; z-index: 9999;" 
						class="absolute-middle"
						@click="$tools.back(1)"
					></image>
					<text class="fw600 fs32 absolute-auto">MBEI测试</text>
				</view>
			</topVue>
		<!-- #endif -->
		<view class="title">1、瑞文的推理测验是测量“G”因素的有效</view>
		<view class="radioVue padding-row30">
			<!-- <u-radio-group v-model="value" @change="radioGroupChange" :wrap="true">
				<u-radio 
					active-color="#FC132F" 
					@change="radioChange" 
					v-for="(item, index) in list" :key="index" 
					:name="item">
					{{item}}
				</u-radio>
			</u-radio-group> -->
		</view>
		<view class="botVue flex-center align-center">
			<view class="apply fs30 fw600">下一题</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				list: [
					"具有卓越的智力素质",
					"具有卓越的空间知觉",
					"观察辨别力",
					"图形比较"
				],
				value: ""
			}
		},
		methods: {
			// 选中某个单选框时，由radio时触发
			radioChange(e) {
				console.log(e);
			},
			// 选中任一radio时，由radio-group触发
			radioGroupChange(e) {
				console.log(e);
			}
		}
	}
</script>

<style lang="less" scoped>
	/deep/.u-radio {
		margin-bottom: 40rpx !important;
	}
	.title {
		padding: 30rpx 30rpx 50rpx;
		font-weight: 600;
		font-size: 32rpx;
		color: #333333;
	}
	.botVue {
		width: 100%;
		height: 160rpx;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		.apply {
			width: 640rpx;
			height: 96rpx;
			background: #FC132F;
			border-radius: 46px;
			border-radius: 48rpx;
			text-align: center;
			line-height: 96rpx;
			font-weight: 600;
			font-size: 32rpx;
			color: #fff;
		}
	}
</style>